<?php if (!defined('BASEPATH')) exit('No direct script access allowed'); ?>
<?php $this->load->view('common/head'); ?>

<?php $this->load->view('common/header'); ?>
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>

    <?php $this->load->view('common/sidebar'); ?>
    <div class="main-content">
        <div class="main-content-inner">
            <!-- #section:basics/content.breadcrumbs -->
            <?php $this->load->view('common/breadcrumbs'); ?>

            <!-- /section:basics/content.breadcrumbs -->
            <div class="page-content">

                <?php $this->load->view('common/set'); ?>
                <div class="page-header">
                    <h1>
                        资料上传
                        <small>
                            <i class="ace-icon fa fa-angle-double-right"></i>
                            会员资料上传
                        </small>
                    </h1>
                </div>
                <!-- /section:settings.box -->
                <div class="col-xs-12" style="margin-top: 15px;">
                    <div id="timeline-1" class="">
                        <div class="row">
                            <div class="col-xs-12 col-sm-10">
                                <div class="timeline-container">
                                    <?php if (isset($material) && !empty($material)) {
                                        foreach ($material as $key => $val) { ?>
                                    <div class="timeline-label">
                                            <span class="label label-primary arrowed-in-right label-lg">
                                                <b><?php echo $val['create_time'] ?? "未知"?></b>
                                            </span>
                                    </div>
                                    <div class="timeline-items">
                                        <div class="timeline-item clearfix">
                                            <div class="timeline-info">
                                                <img alt="Susan't Avatar" src="<?php echo base_url($val['user']['user_avatar']) ?? base_url('uploads/avatar/default/avatar_middle.jpg');?>">
                                            </div>
                                            <div class="widget-box transparent">
                                                <div class="widget-header widget-header-small">
                                                    <h5 class="widget-title smaller">
                                                        <a href="<?php echo site_url(X_URL . 'drivers/detail/' . $val['user']['user_id']); ?>" class="blue"><?php echo $val['user']['user_name']?></a>
                                                        <span class="grey">提交了资料</span>
                                                    </h5>
                                                </div>
                                                <div class="widget-body">
                                                    <div class="widget-main">
                                                        <?php echo $val['content'] ?? "未提交留言"?>
                                                        <div class="space-6"></div>
                                                        <div>
                                                            <ul class="ace-thumbnails clearfix">
                                                                <?php if (isset($val['images']) && !empty($val['images'])) {
                                                                    foreach ($val['pic_list'] as $kk => $vv) { ?>
                                                                        <li>
                                                                            <a href="<?php echo $vv; ?>" title="Photo Title"
                                                                               data-rel="colorbox" class="cboxElement">
                                                                                <img width="150" height="150" alt="150x150"
                                                                                     src="<?php echo $vv; ?>">
                                                                            </a>
                                                                        </li>
                                                                    <?php } ?>
                                                                <?php } ?>
                                                            </ul>
                                                        </div><!-- PAGE CONTENT ENDS -->
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div><!-- /.timeline-items -->
                                    <?php } ?>
                                    <?php } ?>
                                </div><!-- /.timeline-container -->
                                <!-- /.timeline-container -->
                            </div>
                        </div>
                    </div>
                </div>
        </div>
    </div><!-- /.main-content -->
    </div><?php $this->load->view('common/footer'); ?>


<?php $this->load->view('common/footerjs'); ?>
<!-- inline scripts related to this page -->
<?php echo admin_js_url('laydate'); ?>
<script>
    laydate.render({
        elem: '#start_time' //指定元素
        , type: "datetime"
    });
</script>
<script type="text/javascript">
    jQuery(function ($) {
        var $overflow = '';
        var colorbox_params = {
            rel: 'colorbox',
            reposition: true,
            scalePhotos: true,
            scrolling: false,
            previous: '<i class="ace-icon fa fa-arrow-left"></i>',
            next: '<i class="ace-icon fa fa-arrow-right"></i>',
            close: '&times;',
            current: '{current} of {total}',
            maxWidth: '100%',
            maxHeight: '100%',
            onOpen: function () {
                $overflow = document.body.style.overflow;
                document.body.style.overflow = 'hidden';
            },
            onClosed: function () {
                document.body.style.overflow = $overflow;
            },
            onComplete: function () {
                $.colorbox.resize();
            }
        };

        $('.ace-thumbnails [data-rel="colorbox"]').colorbox(colorbox_params);
        $("#cboxLoadingGraphic").html("<i class='ace-icon fa fa-spinner orange fa-spin'></i>");//let's add a custom loading icon


        $(document).one('ajaxloadstart.page', function (e) {
            $('#colorbox, #cboxOverlay').remove();
        });
    })
</script>
</body>
</html>
